/* 改变主题色变量 */
@color-primary: #32ae57; // 主题色（背景）
@color-success: #00982d; // 主题色（文字）
@color-warning: #ff7b35; // 警告色（支付按钮、特殊文字、重点传达信息文字；）
@color-danger: #ff5f4e; // 错误色（错误提示、删除文字及图标等警示类信息）
@color-info: #0283ef; // 信息色
@color-text-primary: #111111; // 主要文字色（一级信息、标题、主内容文字等)
@color-text-regular: #333333; // 常规文字色（二级信息、普通级别、tab文字等）
@color-text-assist: #666666; // 辅助文字色（辅助文字、次要信息、表单标题等）
@color-text-secondary: #999999; // 次要文字色（表单次级辅助文字，时间、数据等）
@color-text-placeholder: #b2b2b2; // 占位文字色（表单输入提示性文字）
@color-text-empty: #6c7d8f; // 无数据提示文字
@border-color: #cdcdcd; // 边框色
@line-color: #e2e2e2; // 分割线色
@background-color: #f6f6f6; // 背景色（页面最底层背景）
@white: #ffffff;
@black: #000000;
@color-transparent: transparent;

// Other Color
@active-color: #f2f3f5;
@active-opacity: 0.7;
@disabled-opacity: 0.5;
@background-color-light: #fafafa;

@color-primary-dark-2: mix(@black, @color-primary, 20%);
// @color-primary-dark-1: mix(@black, @color-primary, 12%);
// @color-primary-light-7: mix(@white, @color-primary, 70%);

@color-success-dark-2: mix(@black, @color-success, 20%);
// @color-success-dark-1: mix(@black, @color-success, 12%);
// @color-success-light-7: mix(@white, @color-success, 70%);

@color-warning-dark-2: mix(@black, @color-warning, 20%);
// @color-warning-dark-1: mix(@black, @color-warning, 12%);
// @color-warning-light-7: mix(@white, @color-warning, 70%);

@color-danger-dark-2: mix(@black, @color-danger, 20%);
// @color-danger-dark-1: mix(@black, @color-danger, 12%);
// @color-danger-light-7: mix(@white, @color-danger, 70%);

@color-info-dark-2: mix(@black, @color-info, 20%);
// @color-info-dark-1: mix(@black, @color-info, 12%);
// @color-info-light-7: mix(@white, @color-info, 70%);

// class
.van-color-primary {
  color: @color-primary;
}
.van-bgcolor-primary {
  background-color: @color-primary;
}
.van-color-success {
  color: @color-success;
}
.van-bgcolor-success {
  background-color: @color-success;
}
.van-color-danger {
  color: @color-danger;
}
.van-bgcolor-danger {
  background-color: @color-danger;
}
.van-color-warning {
  color: @color-warning;
}
.van-bgcolor-warning {
  background-color: @color-warning;
}
.van-color-info {
  color: @color-info;
}
.van-bgcolor-info {
  background-color: @color-info;
}
.van-color-text-primary {
  color: @color-text-primary;
}
.van-bgcolor-text-primary {
  background-color: @color-text-primary;
}
.van-color-text-regular {
  color: @color-text-regular;
}
.van-bgcolor-text-regular {
  background-color: @color-text-regular;
}
.van-color-text-assist {
  color: @color-text-assist;
}
.van-bgcolor-text-assist {
  background-color: @color-text-assist;
}
.van-color-text-secondary {
  color: @color-text-secondary;
}
.van-bgcolor-text-secondary {
  background-color: @color-text-secondary;
}
.van-color-text-placeholder {
  color: @color-text-placeholder;
}
.van-bgcolor-text-placeholder {
  background-color: @color-text-placeholder;
}
.van-color-text-empty {
  color: @color-text-empty;
}
.van-bgcolor-text-empty {
  background-color: @color-text-empty;
}
.van-color-border-color {
  color: @border-color;
}
.van-bgcolor-border-color {
  background-color: @border-color;
}
.van-color-line-color {
  color: @line-color;
}
.van-bgcolor-line-color {
  background-color: @line-color;
}
.van-color-background-color {
  color: @background-color;
}
.van-bgcolor-background-color {
  background-color: @background-color;
}
.van-color-white {
  color: @white;
}
.van-bgcolor-white {
  background-color: @white;
}
.van-color-black {
  color: @black;
}
.van-bgcolor-black {
  background-color: @black;
}
.van-color-transparent {
  color: @color-transparent;
}
.van-bgcolor-transparent {
  background-color: @color-transparent;
}

// .van-color-primary-dark-1 {
//   color: @color-primary-dark-1;
// }
// .van-bgcolor-primary-dark-1 {
//   background-color: @color-primary-dark-1;
// }
// .van-color-primary-light-7 {
//   color: @color-primary-light-7;
// }
// .van-bgcolor-primary-light-7 {
//   background-color: @color-primary-light-7;
// }
// .van-color-success-dark-1 {
//   color: @color-success-dark-1;
// }
// .van-bgcolor-success-dark-1 {
//   background-color: @color-success-dark-1;
// }
// .van-color-success-light-7 {
//   color: @color-success-light-7;
// }
// .van-bgcolor-success-light-7 {
//   background-color: @color-success-light-7;
// }
// .van-color-warning-dark-1 {
//   color: @color-warning-dark-1;
// }
// .van-bgcolor-warning-dark-1 {
//   background-color: @color-warning-dark-1;
// }
// .van-color-warning-light-7 {
//   color: @color-warning-light-7;
// }
// .van-bgcolor-warning-light-7 {
//   background-color: @color-warning-light-7;
// }
// .van-color-danger-dark-1 {
//   color: @color-danger-dark-1;
// }
// .van-bgcolor-danger-dark-1 {
//   background-color: @color-danger-dark-1;
// }
// .van-color-danger-light-7 {
//   color: @color-danger-light-7;
// }
// .van-bgcolor-danger-light-7 {
//   background-color: @color-danger-light-7;
// }
// .van-color-info-dark-1 {
//   color: @color-info-dark-1;
// }
// .van-bgcolor-info-dark-1 {
//   background-color: @color-info-dark-1;
// }
// .van-color-info-light-7 {
//   color: @color-info-light-7;
// }
// .van-bgcolor-info-light-7 {
//   background-color: @color-info-light-7;
// }
